<style>
	label input {
    display: none; }
  label span {
    display: block;
    width: 24px !important;
   
    height: 24px !important;
    border: 1px solid #CCCCCC;
    position: relative; }
    label span i {
    	 margin: 3px 2px 0px 0;
      display: none;
      color: #CCCCCC;
      position: absolute;
      font-size: 30px !important;
      top: -15px;
      left: 0; }
	
</style>
<div id="content-header">
    <div id="breadcrumb"> 
    	<a  title="Go to Home" ui-sref="home.role" class="tip-bottom">
    		<i  class="icon-home" ></i> 角色管理</a> 
    		<a  class="current">权限分配</a> 
    </div>
  </div>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span12">
 
			<div class="widget-box">
		          <div class="widget-content nopadding" >
		          	<div class="adduser" ng-cloak>
						<div class="tab1">
					    <form novalidate="novalidate" name="form">
							<!--<div>
								<span>标示符号：</span><input ng-model="$parent.subForm.enname"  name="enname" required="required" />
								 <div class="error bigError"  ng-if="form.enname.$error.required">*</div>
							</div>-->
							<div>
								<span>角色名：</span><input name="name" type="text" value="" ng-model="name" required="required"/>
							</div>
							<div>
								<span>说明：</span><textarea name="remarkes" type="text" value="" cols="44"  ng-model="remarkes"/>
							</div>
							<!--<div>
								<span>角色类型：</span><input name="roleType" type="text"  ng-model="$parent.subForm.roleType" required="required"/>
								<div class="error bigError"  ng-if="form.roleType.$error.required">*</div>
							</div>-->
							<div class="award">
						<table  class="table table-bordered data-table" style="text-align: -webkit-match-parent!important;">
							<thead>
								<tr >
									<th>菜单</th>
									<th >权限</th>
								</tr>
							</thead>
							<tbody>
								<tr style="height: 40px;"  class="adduserTr" ng-repeat="o in list">
									<td style="height: 40px;" width="25%">
										<label ng-click="qx($index)" ng-class="{true:'select'}[o.checked]">
											<span><i class="iconfont icon-xuanzhong"></i></span>
											&nbsp;&nbsp;{{o.pName}}<input ng-model="o.checked" type="checkbox" />
										</label>
									</td>
									<td width="85%">
										<label ng-repeat="oo in o.privileges"  ng-click="xz($parent.$index)"   ng-class="{'true':'select'}[oo.checked]" ><span >
											<i class="iconfont icon-xuanzhong"></i></span>&nbsp;&nbsp;{{oo.pName}}
											<input type="checkbox" ng-model="oo.checked"/>
										</label>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<button   ng-click="sub()" ng-disabled="form.$invalid"  ng-class="{true:'btn-primary'}[form.$invalid]" class="btn">添加</button>
					</form>
					</div>
				</div>
          </div>
        </div>
      </div>
    </div>
